Skip to main content

如果不使用框架你是如何组织自己的代码的?

针对独立功能

对象方式功能封装(初级)

const app = {
init() {}, //初始化
bind() {}, //事件绑定
render() {} //页面渲染
}
app.init() //启动功能

模块模式:立即执行函数(优化)

优点:不会暴露在全局

const module = (function () {
function start() {} //初始化
return {
start //接口
}
})()
module.start //启动功能

针对组件

class Component {
constructor() {}
method() {}
}

当页面中有大量的功能和组件后,进行进一步优化:事件发布订阅模式进行解耦

参考文章:

https://juejin.cn/post/6890233163474272263

https://juejin.cn/post/6844904032826294286#heading-5